<template>
    <div>
        <!-- <div v-title>新手乐园</div> -->
        <div class='noob'>
          <img src="../../../static/assets/noobdetail.png" alt="">
            <span @click='tologin'>立即注册</span>
        </div>
    </div>
</template>
<script>
export default {
    methods: {
        tologin: function() {
            this.$router.push('/login')
        }
    },
    created: function() {
//        this.channel = sessionStorage.setItem('channel', this.$route.query.channel)
    }
}
</script>
<style lang='less' scoped>
.noob {
  width: 100%;
  height: 16.14rem;
  position: relative;
  img{
    width: 100%;
    height: 100%;
  }
    span {
        position: absolute;
        display: inline-block;
        width: 6.76rem;
        height: 1.02rem;
      background-image:url('');
      background-position:center;  /** 居中*/
      background-repeat:no-repeat; /** 不重复*/
        left: .37rem;
        top: 8.25rem;
        text-align: center;
        font-size: .34rem;
        line-height: 1.02rem;
        color: #af6200;
    }
}
</style>
